<template>
  <div>
    <div>
      <h2>user:</h2>
      <div v-for="(value,key) in user">{{ key }}:{{ value }}</div>
      <hr>
      <h2>user---stringfy</h2>
      <div>
        {{ userStringfy }}
      </div>
      <h2>user---parse</h2>
      <div>
        <div v-for="(value,key) in userParse">{{ key }}:{{ value }}</div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import qs from 'qs'
import {defineComponent, reactive, ref} from 'vue';

interface userForm {
  name: string,
  age: number,
  address: string
}

let drawer = ref(false)

const user = reactive<userForm>({
  name: '马小跳',
  age: 12,
  address: '异次元'
});
let userStringfy: string = ''

userStringfy = qs.stringify(user);
let userParse = qs.parse(userStringfy);
console.log("userParse:", userParse);

</script>
